<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--src资源路径
    1.相对路径
      -图片和页面在同一目录：直接写图片名
      -图片在页面上级目录：../图片名
      -图片在页面下级目录：文件名/图片名
      2.绝对路径：一般访问站外资源，图片盗链，有找不到图片的风险
-->
<!--alt：当图片不能正常显示时，显示的文本-->
<!--title：标题-->
<!--width/height
两种赋值方式：1.像素  2.上级元素的百分比
只设置宽度时 高度会自动等比例缩放-->
<img src="a.jpg" alt="这是个图片" title="这是个标题" width="500">
<img src="../b.jpg" width="50%" alt="">
<img src="abc/d.jpg" alt="" width="500">
<img src="https://cdn.tmooc.cn/bsfile//courseImg///f93f25fba0a84f72be47f5058f84a655.png" alt="">
</body>
</html>